/* CSS Document */

/*线路列表页*/
.search{ width:435px; height:40px; padding:2px; background:#0ea4df; margin:0 0 30px 40px;}
.search p{ float:left; display:inline; width:360px; height:40px; background:#fff; position:relative;}
.search p i{ width:17px; height:178px; background:url(../images/public/icon_common.png) no-repeat 0 -80px; position:absolute; left:11px; top:11px;}
.search p input{ display:block; width:300px; height:38px; line-height:38px; margin:1px 0 0 35px;}
.search a{ float:right; display:inline; width:70px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#fff;}

.search_hot{ margin-bottom:15px;}
.search_hot strong{ float:left; width:120px; height:30px; line-height:30px; color:#737373; font-size:18px; text-align:right;}
.search_hot p{ float:right; display:inline; width:980px; line-height:30px; padding-bottom:10px; font-size:16px; margin-right:90px;}
.search_hot p a{ margin:0 15px; white-space:nowrap;}

.search_select{ margin-bottom:50px;}
.search_select strong{ float:left; width:120px; height:28px; line-height:28px; color:#737373; font-size:16px; text-align:right;}
.search_select p{ float:right; display:inline; width:980px; line-height:30px; padding-bottom:10px; font-size:16px; margin-right:90px; overflow:hidden; _zoom:1;}
.search_select p a{ float:left; display:inline; height:28px; line-height:28px; font-size:16px; color:#7b7e82; background:#e0e6ed url(../images/trip/ico_del.png) no-repeat right 8px; padding:0 40px 0 20px; margin:0 15px 10px; white-space:nowrap;}


.customize{ width:1155px; margin:0 auto;}
.customize h2{ height:70px; line-height:70px; font-size:30px; color:#737373; margin-left:22px;}
.customize h2 i{ float:left; display:inline; width:42px; height:42px; background:url(../images/trip/icon_trip.png) no-repeat 0 -140px; margin:15px 8px 0 0;}
.customize li{ width:1155px; height:490px; margin-bottom:55px; position:relative;}
.customize img{ display:block; width:1155px; height:490px;}
.customize .info{ background:url(../images/public/bg_black_alpha40.png); position:absolute; left:0; bottom:0;}
.customize .info h3{ line-height:48px; font-size:32px; color:#fff;}
.customize .info ul{ color:#e3e1e4; padding-top:25px;}
.customize .info li{ width:auto; height:auto; line-height:34px; margin:0; font-size:18px; padding-left:45px;}
.customize .info li i{ width:18px; height:18px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat; position:absolute; left:5px; top:8px;}
.customize .info li .ico_1{ background-position:-90px -50px;}
.customize .info li .ico_2{ background-position:-90px -24px;}
.customize .info li .ico_3{ background-position:-90px 0;}
.customize .info p{ line-height:54px; color:#ff8400; font-size:42px; font-weight:bold; position:absolute; bottom:25px;}
.customize .info p i{ font-style:normal; font-size:22px;}
.customize .info p b{ font-weight:normal; font-size:24px;}
.customize .info.left{ width:350px; height:455px; padding:35px 30px 0;}
.customize .info.left h3 span{ display:block; font-size:25px;}
.customize .info.left h3 strong{ display:block; font-size:40px;}
.customize .info.left p{ left:30px;}
.customize .info.bottom{ width:1015px; padding:15px 40px 20px 100px;}
.customize .info.bottom p{ right:45px;}
.customize .info.bottom ul{ padding-top:5px;}

.topic{ padding-bottom:30px;}
.topic h2{ width:160px; height:50px; line-height:50px; font-size:28px; color:#deeff9; text-align:center; background:#0ea4df; margin:0 0 15px 22px;}
.topic .topic_tab{ float:right; display:inline; padding-top:10px; margin-right:22px;}
.topic .topic_tab li{ float:left; display:inline; height:28px; line-height:28px; color:#75757a; border-radius:5px; padding:0 22px; position:relative; cursor:pointer; margin:0 8px; behavior:url(/css/pie.htc);}
.topic .topic_tab li a{ color:#75757a;}
.topic .topic_tab .cur{ color:#fff; background:#0ea4df;}
.topic .topic_tab .cur a{ color:#fff;}
.topic .topic_tab .cur i{ display:block; width:21px; height:8px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat -119px -75px; position:absolute; left:50%; margin-left:-10px; bottom:-8px;}
.topic .topic_wrap{ display:none; padding-left:12px;}
.topic .topic_wrap dt,.topic .topic_wrap dd{ float:left; display:inline; width:535px; height:320px; background:#f2f4f7; margin:10px 0 0 10px;}
.topic .topic_wrap dd{ width:300px;}
.topic .topic_wrap .pic{ width:100%; height:230px; position:relative;}
.topic .topic_wrap .pic img{ display:block; height:230px;}
.topic .topic_wrap dt .pic img{ width:535px;}
.topic .topic_wrap dd .pic img{ width:300px;}
.topic .topic_wrap .pic p{ width:100%; height:30px; line-height:30px; background:url(../images/public/bg_black_alpha40.png); padding:0; position:absolute; left:0; bottom:0;}
.topic .topic_wrap .pic p span{ float:right; display:inline; height:30px; position:relative; padding:0 10px 0 25px; color:#fff;}
.topic .topic_wrap .pic p i{ width:19px; height:18px; background:url(../images/public/icon_common.png) no-repeat -119px 0; position:absolute; left:0; top:50%; margin-top:-9px;}
.topic .topic_wrap h3{ height:32px; line-height:32px; font-size:22px; font-weight:normal; font-weight:normal; color:#ff8400; padding:12px;}
.topic .topic_wrap h3 strong{ float:right; display:inline; font-weight:normal;}
.topic .topic_wrap h3 i{ font-style:normal; font-size:14px;}
.topic .topic_wrap h3 b{ font-size:14px;}
.topic .topic_wrap h3 a{ color:#0ea4df;}
.topic .topic_wrap p{ line-height:20px; font-size:14px; padding:0 12px; color:#b5b7b9;}


/*线路详情页*/
.banner{ position:relative;}
.banner .wrap{ position:absolute; left:50%; top:0; margin:0 0 0 -600px; z-index:2;}
.reserve{ width:415px; background:#fff; box-shadow:0 0 6px #2d2f2a; position:absolute; right:70px; top:60px; behavior:url(/css/pie.htc);}
.reserve h3{ height:54px; line-height:54px; font-size:32px; color:#ff7426; font-weight:normal; padding:20px 18px 0 25px;}
.reserve h3 span{ float:right; font-size:16px; color:#8d8d8d;}
.reserve p{ line-height:20px; font-size:12px; color:#8d8d8d; padding:5px 18px 10px 25px;}
.reserve li{ clear:both;}
.reserve li span{ float:left; display:inline; width:110px; height:34px; line-height:34px; padding-right:8px; text-align:right; font-size:18px; color:#343434;}
.reserve li strong{ float:left; display:inline; height:44px; line-height:34px; font-size:16px; color:#bfbfbf; font-weight:normal;}
.reserve .buy{ display:block; width:150px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; background:#ff802c; margin:0 0 20px 120px; clear:both;}
.reserve .select{ width:125px; height:34px; border:1px solid #ccc; margin-bottom:10px; position:relative; z-index:2;}
.reserve .select p{ height:34px; line-height:34px; font-size:16px; padding:0; background:#ededed; position:relative; cursor:pointer;}
.reserve .select .info{ float:none; display:block; width:84px; height:34px; line-height:34px; text-align:left; background:#fff; border-right:1px solid #ccc; padding:0 0 0 10px;}
.reserve .select p i{ width:10px; height:5px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat -90px -97px; position:absolute; right:10px; top:15px;}
.reserve .select .item{ display:none; width:100%; border:1px solid #ccc; border-top:none; background:#fff; padding:10px 0; position:absolute; left:-1px; top:35px;}
.reserve .select .item li{ line-height:20px; padding:10px; cursor:pointer;}
.reserve .select .item li:hover{ background:#f1f1f1;}
.reserve .data{ width:210px; height:34px; border:1px solid #ccc; position:relative; cursor:pointer;}
.reserve .data input{ display:block; width:200px; height:32px; line-height:32px; margin:1px auto 0; cursor:pointer;}
.reserve .data i{ width:16px; height:16px; background:url(../images/trip/icon_trip.png) no-repeat -404px -166px; position:absolute; right:10px; top:8px;}

.buy_pro{ height:220px; position:relative;}
.buy_pro h2{ height:56px; line-height:56px; font-size:18px; font-weight:normal; color:#747475; margin-left:20px;}
.buy_pro h2 i{ font-size:12px; color:#c4c4c4; font-style:normal; margin-left:15px; vertical-align:middle;}
.buy_pro dl{ margin-left:40px; position:relative;}
.buy_pro dt{ width:980px; height:5px; line-height:0; font-size:0; background:#e0f3fb; position:absolute; left:75px; top:30px;}
.buy_pro dd{ float:left; display:inline; width:140px; line-height:44px; color:#9a9a9a; text-align:center; margin:0 25px; position:relative; z-index:2;}
.buy_pro dd i{ display:block; width:61px; height:61px; background:url(../images/trip/icon_trip.png) no-repeat; margin:0 auto;}
.buy_pro dd .ico_1{ background-position:0 0;}
.buy_pro dd .ico_2{ background-position:-72px 0;}
.buy_pro dd .ico_3{ background-position:-144px 0;}
.buy_pro dd .ico_4{ background-position:-215px 0;}
.buy_pro dd .ico_5{ background-position:-287px 0;}
.buy_pro dd .ico_6{ background-position:-359px 0;}

.trip_nav_wrap{ height:80px;}
.trip_nav{ height:44px; border-left:1px solid #e0e0e0; margin:0 0 35px 10px;}
.trip_nav li{ float:left; display:inline; width:235px; height:42px; line-height:42px; text-align:center; font-size:20px; color:#6e6e6e; border:1px solid #e0e0e0; border-left:none; background:#fff; cursor:pointer; position:relative;}
.trip_nav .cur{ color:#fff; background:#ff802c; border-color:#ff802c;}
.trip_nav .cur i{ width:16px; height:8px; font-size:0; line-height:0; background:url(../images/public/icon_common.png) no-repeat -119px -92px; position:absolute; left:50%; bottom:-9px; margin-left:-8px;}

.trip_brief{ margin-bottom:20px;}
.trip_brief .inc{ width:1155px; margin:0 auto 20px;}
.trip_brief .inc h2{ height:50px; border-bottom:2px solid #ffd1b3; position:relative; margin-bottom:20px;}
.trip_brief .inc h2 span{ width:120px; height:50px; line-height:50px; font-size:26px; color:#ff8231; font-weight:normal; border-bottom:2px solid #ffaa72; position:absolute; left:0; top:0;}
.trip_brief .inc p{ line-height:26px; color:#61b3a5;}
.trip_brief .inc p strong{ font-size:20px; font-weight:normal;}
.trip_brief .res{ padding-left:20px;}
.trip_brief .res h3{ height:54px; line-height:54px; color:#535353; font-weight:normal; font-size:20px;}
.trip_brief .res .main{ float:left; display:inline; padding-left:50px; position:relative;}
.trip_brief .res .main .line{ width:93%; height:1px; font-size:0; line-height:0; background:#ccc; position:absolute; left:0; top:21px; z-index:1;}
.trip_brief .res .main .ico{ width:42px; height:42px; background:url(../images/trip/icon_trip.png) no-repeat 0 -80px; position:absolute; left:0; top:0; z-index:2;}
.trip_brief .res .main dl{ float:left; display:inline; width:140px; margin-left:5px; padding-top:7px; position:relative; z-index:3;}
.trip_brief .res .main dt{ float:left; display:inline; height:30px; line-height:30px; font-weight:bold; font-size:16px; background:#fff; padding-left:15px; margin-left:30px; position:relative;}
.trip_brief .res .main dt i{ width:9px; height:9px; background:#fff url(../images/public/icon_common.png) no-repeat -90px -111px; position:absolute; left:0; top:10px;}
.trip_brief .res .main dt span{ font-weight:normal;}
.trip_brief .res .main dd{ clear:both; width:140px; padding:8px 0; border:1px solid #fff; border-radius:5px; position:relative; behavior:url(/css/pie.htc);}
.trip_brief .res .main dd span{ display:block; width:80px; height:22px; line-height:22px; font-size:12px; color:#aaa; padding-left:45px; overflow:hidden;}
.trip_brief .res .main .cur dd{ width:138px; border:1px solid #d9d9d9;}
.trip_brief .res .main .cur dd i{ width:15px; height:8px; font-size:0; line-height:0; background:url(../images/trip/icon_trip.png) no-repeat -173px -140px; position:absolute; left:50%; top:-8px; margin-left:-7px;}

.trip_detail{ position:relative; width:100%;}
.detail_nav{ width:1px; background:#aaaaaa; position:absolute; left:30px; top:50px;}
.detail_nav li{ white-space:nowrap; line-height:22px; margin:2px 0 2px -10px;}
.detail_nav strong{ display:block; height:22px; color:#8d8d8d; position:relative; padding-left:25px; cursor:pointer;}
.detail_nav span{ display:none; height:20px; position:relative; color:#c9c9c9; padding-left:25px;}
.detail_nav strong i{ width:21px; height:21px; font-size:0; line-height:0; background:url(../images/trip/icon_trip.png) no-repeat -232px -140px; position:absolute; left:0; top:0;}
.detail_nav .cur strong{ color:#3daee2;}
.detail_nav .cur span{ display:block;}
.detail_nav .cur strong i{ background-position:-202px -140px;}

.detail_info{ width:985px; padding-left:165px; overflow:hidden;}
.detail_info .item{ padding:25px 0;}
.detail_info h3{ height:78px; line-height:78px; font-size:20px; color:#3cc8ff;}
.detail_info h3 span{ font-family:arial; margin-right:15px;}
.detail_info h3 i{ float:left; display:inline; width:20px; height:33px; background:url(../images/trip/icon_trip.png) no-repeat -148px -80px; margin:20px 15px 0 0;}
.detail_info .trip_slider{ width:985px; height:280px; position:relative; overflow:hidden; margin-bottom:15px;}
.detail_info .trip_slider .prev,.detail_info .trip_slider .next{ width:39px; height:78px; background:url(../images/trip/icon_trip.png) no-repeat; position:absolute; top:50%; margin-top:-39px;}
.detail_info .trip_slider .prev{ background-position:-341px -80px; left:12px;}
.detail_info .trip_slider .next{ background-position:-381px -80px; right:12px;}
.detail_info .trip_slider ul{ width:2000px;}
.detail_info .trip_slider li{ float:left; display:inline; width:490px; height:280px; margin:0 1px;}
.detail_info .trip_slider img{ display:block; width:100%; height:100%;}
.detail_info .brief{ line-height:36px; font-size:16px; margin-bottom:5px;}
.detail_info .brief dt{ color:#05a3e2;}
.detail_info .brief .score{ padding-left:30px;}
.detail_info .brief .score i{ display:inline-block; width:24px; height:22px; background:url(../images/trip/icon_trip.png) no-repeat -73px -140px; margin-right:3px; vertical-align:text-bottom;}
.detail_info .brief em{ font-size:14px; color:#bfbfbf; font-style:normal;}
.detail_info .detail{ color:#999;}
.detail_info .detail h4{ font-size:16px; line-height:26px; padding:5px 0;}
.detail_info .detail p{ padding:7px 0;}
.detail_info .ico{ float:left; display:inline; background:url(../images/trip/icon_trip.png) no-repeat;}
.detail_info .ico_hotel{ width:30px; height:18px; background-position:-262px  -140px; margin:5px 10px 0 0;}
.detail_info .ico_food{ width:14px; height:25px; background-position:-46px -140px; margin:7px 10px 0 0;}

.feature{ padding:10px 0 30px;}
.feature h2{ height:46px; line-height:46px; font-size:22px; color:#ff9065; padding-left:166px;}
.feature h2 i{ float:left; display:inline; width:33px; height:29px; background:url(../images/trip/icon_trip.png) no-repeat -278px -80px; margin:7px 11px 0 0;}
.feature ul{ width:880px; height:332px; background:#f8f8f8; margin:0 0 25px 155px;}
.feature li{ float:left; display:inline; width:410px; height:142px; padding:10px; border:2px solid #f8f8f8;}
.feature li img{ float:left; display:inline; width:215px; height:140px; border:1px solid #c3c3c3;}
.feature .info{ float:right; display:inline; width:180px; height:142px; position:relative;}
.feature .info h3{ width:100%; height:24px; line-height:24px; font-size:20px; color:#898989; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.feature .info h3 a{ color:#898989;}
.feature .info p{ height:26px; line-height:26px; font-size:18px; color:#fe6a32;}
.feature .info a{ color:#3bade2;}
.feature .info span{ position:absolute; left:0; bottom:0;}
.feature .select{ border-color:#ff8400;}

.rate{ padding:10px 65px 25px 165px;}
.rate h2{ height:50px; border-bottom:2px solid #ffd1b3; position:relative; margin-bottom:10px;}
.rate h2 span{ height:50px; line-height:50px; font-size:26px; color:#ff8231; font-weight:normal; border-bottom:2px solid #ffaa72; padding-left:45px; position:absolute; left:0; top:0;}
.rate h2 i, .rate h2 em{ width:36px; height:29px; background:url(../images/trip/icon_trip.png) no-repeat -49px -80px; position:absolute; left:0; top:14px;}
.rate h3{ height:46px; line-height:46px; font-size:22px; font-weight:normal; color:#f50; border-top:1px dashed #a3a3a3; margin-top:20px;}
.rate h3 i, .rate h3 em{ float:left; display:inline; width:25px; height:34px; background:url(../images/trip/icon_trip.png) no-repeat -191px -80px; margin:8px 10px 0 1px;}
.rate p{ line-height:28px; color:#a3a3a3;}

.notice{ padding:10px 65px 25px 165px;}
.notice h2{ height:50px; border-bottom:2px solid #ffd1b3; position:relative; margin-bottom:10px;}
.notice h2 span{ height:50px; line-height:50px; font-size:26px; color:#ff8231; font-weight:normal; border-bottom:2px solid #ffaa72; padding-left:45px; position:absolute; left:0; top:0;}
.notice h2 i, .notice h2 em{ width:31px; height:31px; background:url(../images/trip/icon_trip.png) no-repeat -97px -80px; position:absolute; left:0; top:11px;}
.notice p{ line-height:28px; color:#a3a3a3;}

.trip_faq{ padding:10px 65px 25px 165px;}
.trip_faq h2{ height:50px; border-bottom:2px solid #ffd1b3; position:relative; margin-bottom:20px;}
.trip_faq h2 span{ height:50px; line-height:50px; font-size:26px; color:#ff8231; font-weight:normal; border-bottom:2px solid #ffaa72; padding-left:45px; position:absolute; left:0; top:0;}
.trip_faq h2 i{ width:37px; height:27px; background:url(../images/trip/icon_trip.png) no-repeat -230px -80px; position:absolute; left:0; top:14px;}
.trip_faq h3{ height:44px; line-height:44px; color:#8d8d8d; font-size:18px; font-weight:normal; margin-bottom:5px;}
.trip_faq h3 a{ float:right; display:inline; width:144px; height:44px; text-align:center; font-size:20px; color:#fff; background:#ff8b01;}
.trip_faq dl i{ width:20px; height:19px; background:url(../images/trip/icon_trip.png) no-repeat -107px -140px; position:absolute; top:6px;}
.trip_faq dt{ padding:4px 30px; font-size:16px; color:#ff8d07; position:relative;}
.trip_faq dt i{ left:0;}
.trip_faq dt span{ color:#949494;}
.trip_faq dd{ width:935px; padding:4px 7px; margin:0 0 12px 22px; background:#f1f1f1; color:#999; position:relative;}
.trip_faq dd i{ background-position:-139px -140px; left:-22px;}

.relevant{ padding:25px 0 30px 25px;}
.relevant h2{ height:56px; line-height:56px; font-size:24px; color:#ff5500; font-weight:normal;}
.relevant h2 span{ font-size:18px; color:#bfbfbf; padding-left:10px;}
.relevant ul{ width:1145px; height:270px; background:#f1f1f1; padding:15px 25px 0 0;}
.relevant li{ float:left; display:inline; width:260px; position:relative; margin-left:20px;}
.relevant li img{ display:block; width:260px; height:175px;}
.relevant li .i{ width:82px; height:28px; line-height:28px; text-align:center; color:#fff; background:#ff9413; position:absolute; right:10px; top:140px;}
.relevant li h3{ padding:5px; height:40px; line-height:20px; overflow:hidden;}
.relevant li p{ font-size:14px; color:#ff8c05; padding-left:10px;}
.relevant li p span{ font-size:12px;}